<template>
  <div class="locationView">
    <div class="divLocationViewCondition">123</div>
    <div class="divDivision" />
    <div class="divLocationViewDisplay">3</div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  }
}
</script>
<style lang='scss' scoped>
.locationView {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 rgb(144 142 142 / 17%);
  margin: 20px 29px 30px 29px;
  height: calc(100vh - 143px);
  .divLocationViewCondition {
    width: 263px;
    padding: 27px 19px 27px 20px;
    float: left;
    background-color: red;
  }
  .divDivision {
    float: left;
    width: 10px;
    height: 100%;
    background: linear-gradient(
      270deg,
      hsla(0, 0%, 100%, 0),
      rgba(99, 97, 96, 0.1)
    );
  }
  .divLocationViewDisplay {
    padding: 27px 19px 27px 20px;
    float: left;
    height: 100%;
    width: calc(100% - 273px);
    background-color: pink;
  }
}
</style>
